<layout name="disshop" />

<header class="header">
	<h1>__TITLE__</h1>
</header>

<footer class="footer">
	<div class="bar">
		<a class="bar-item" href="{$config.url}"><i class="bar-icon fa fa-home"></i><span class="bar-label">首页</span></a>
		<a class="bar-item" href="{:url(null, 'DisShopCart', 'showCart', 'sid='.$sid)}"><i class="bar-icon fa fa-shopping-cart"></i><span class="bar-label">购物车</span></a>
		<a class="bar-item" href="{:url(null, 'DisShop', 'achievement', 'sid='.$sid)}"><i class="bar-icon fa fa-book"></i><span class="bar-label">业绩</span></a>
		<a class="bar-item" href="{:url(null, 'DisShop', 'my', 'sid='.$sid)}"><i class="bar-icon fa fa-user"></i><span class="bar-label">我的</span></a>
	</div>
</footer>
<script type="text/javascript">
	require(['css!font-awesome']);
</script>

<div class="scroller">
	<!-- 轮播 开始-->
	<div class="container">
		<div class="swiper-container hidden">
			<div class="swiper-wrapper">
				<volist name="goodsLists" id="vo">
					<div class="swiper-slide">
						<img src="{$vo['images'][0]}" />
					</div>
				</volist>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<script>
			require(['anew/js/swiper', 'domReady!'], function(swiper) {
				swiper();
			})
		</script>
	</div>
	<!-- 轮播 结束-->
	<div class="container">
		<div class="media-list">
			<volist name="goodsLists" id="vo">
				<div class="media">
					<div class="media-left">
						<a href="{$vo.url}"><img class="media-object" src="{$vo['images'][0]}" alt="{$vo.name}" /></a>
					</div>
					<div class="media-body">
					    <h4 class="media-heading">{$vo.name}</h4>
					    <p><span class="text-danger">微信价：&yen;{$vo.price}</span> <small class="text-muted">原价：<del>&yen;{$vo.high_price}</del></small></p>
					</div>
				</div>
			</volist>
		</div>
	</div>
</div>